@mixin flextest {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.box {
  width: 100%;
  min-height: 150px;
  border-radius: 8px;
  box-shadow: 0px 10px 10px #ccc;
  padding: 0px 25px 25px;
  box-sizing: border-box;
  @media screen and (max-width: 500px) {
    padding: 0px 5px 5px;
  }
  h1 {
    text-align: center;
  }
  .status {
    height: 100px;
    @include flextest;
  }
  .btns {
    @include flextest;
  }
 .tableList {
  ul {
    background-color: #ccc;
    padding-left: 0px;
    border-radius: 8px;
    li {
      list-style: none;
      .divs {
        @include flextest;
        justify-content: flex-start;
      }
    }
  }
 }
}